import { Component, PureComponent, Fragment } from 'react';

class Item extends Component {
  render () {
    return (
      // 第一种不生成额外dom方式
      // <Fragment>
      //   <li>FragmentComponent-Item1</li>
      //   <li>FragmentComponent-Item2</li>
      // </Fragment>

      // 第二种不生成额外dom方式
      <>
        <li>FragmentComponent-Item1</li>
        <li>FragmentComponent-Item2</li>
      </>
    )
  }
}

export default class FragmentComponent extends PureComponent {
  state = {
  }
  render () {
    return (
      <ul>
        <Item />
      </ul>
    )
  }
}